<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>葫芦侠</title>

    <link rel="shortcut icon" href="favicon.ico" type="image/x-icon">
    <link rel="stylesheet" href="./css/base.css">
    <link rel="stylesheet" href="./css/community.css">
</head>

<body>


    <!-- 头部 -->
    <header>
        <a class="add" href=""></a>
        <span>葫芦侠社区</span>
        <a class="massage" href=""></a>
    </header>


    <div class="wrap">

        <!-- 轮播图 -->
        <div class="banner">
            <div class="box">
                <div class="img">
                    <img src="./imgs/community-banner-radius.png" alt="">
                </div>
                <div class="right">
                    <h6>Steam正版 <span>葫芦侠免费畅玩</span></h6>
                    <div class="info">
                        <p>《梦江湖》</p>
                        <span>在这片自由的江湖中你可以自由选择属于自己的侠客人生 ------在这片自由的江湖中你可以自由选择属于自己的侠客人生</span>
                    </div>
                    <div class="price">
                        <p><i>-100%</i></p>
                        <del>&yen; 69</del>
                        <span>葫芦</span>
                    </div>
                    <span class="more">
                        <small>查看更多</small>
                    </span>
                </div>
            </div>
            <div class="text">
                【活动】 来了！ 葫芦可以兑换STEAM正版游戏
            </div>
        </div>

        <!-- 我的板块 -->
        <div class="me">
            <div class="head">
                <h4>我的板块</h4>
            </div>
            <div class="body">

                <div class="item">
                    <div class="img"><img src="./imgs/community-me-1.png" alt=""></div>
                    <span>我的关注</span>
                </div>


                <div class="item">
                    <div class="img"><img src="./imgs/community-me-2.png" alt=""></div>
                    <span>三楼活动</span>
                </div>

                <div class="item">
                    <div class="img"><img src="./imgs/community-me-3.png" alt=""></div>
                    <span>实用软件</span>
                </div>

                <div class="item">
                    <div class="img"><img src="./imgs/community-me-4.png" alt=""></div>
                    <span>手机美化</span>
                </div>

                <div class="item">
                    <div class="img"><img src="./imgs/community-me-5.png" alt=""></div>
                    <span>玩机广场</span>
                </div>


                <div class="item">
                    <div class="img"><img src="./imgs/community-me-6.png" alt=""></div>
                    <span>玩机教程</span>
                </div>

                <div class="item">
                    <div class="img"><img src="./imgs/community-me-7.png" alt=""></div>
                    <span>原创技术</span>
                </div>

                <div class="item">
                    <div class="img"><img src="./imgs/community-me-8.png" alt=""></div>
                    <span>技术分享</span>
                </div>

                <div class="item">
                    <div class="img"><img src="./imgs/community-me-9.png" alt=""></div>
                    <span>福利活动</span>
                </div>


                <div class="item">
                    <div class="img"><img src="./imgs/community-me-10.png" alt=""></div>
                    <span>Steam</span>
                </div>

                <div class="item">
                    <div class="img"><img src="./imgs/community-me-11.png" alt=""></div>
                    <span>游戏</span>
                </div>

                <div class="item">
                    <div class="img"><img src="./imgs/community-me-12.png" alt=""></div>
                    <span>次元阁</span>
                </div>

                <div class="item">
                    <div class="img"><img src="./imgs/community-me-13.png" alt=""></div>
                    <span>LOL手游</span>
                </div>


                <div class="item">
                    <div class="img"><img src="./imgs/community-me-14.png" alt=""></div>
                    <span>王者荣耀</span>
                </div>

                <div class="item">
                    <div class="img"><img src="./imgs/community-me-15.png" alt=""></div>
                    <span>DNF手游</span>
                </div>

                <div class="item">
                    <div class="img"><img src="./imgs/community-me-16.png" alt=""></div>
                    <span>三两影</span>
                </div>


            </div>
        </div>

        <!-- 系统推荐 -->
        <div class="me">
            <div class="head">
                <h4>系统推荐</h4>
            </div>
            <div class="body">

                <div class="item">
                    <div class="img"><img src="./imgs/community-system-1.png" alt=""></div>
                    <span>3楼公告版</span>
                </div>

                <div class="item">
                    <div class="img"><img src="./imgs/community-system-2.png" alt=""></div>
                    <span>意见反馈</span>
                </div>


            </div>
        </div>

    </div>

    <!-- 底部 -->
    <footer>
        <a href="./home.html">
            <div class="img"><img src="./imgs/footer-1.png" alt=""></div>
            <span>首页</span>
        </a>
        <a class="con" href="./community.html">
            <div class="img"><img src="./imgs/footer-22.png" alt=""></div>
            <span>社区</span>
        </a>
        <a class="icon" href="">
            <div class="img"><img src="./imgs/footer-icon.png" alt=""></div>
            <span>启动修改器</span>
        </a>
        <a href="./found.html">
            <div class="img"><img src="./imgs/footer-3.png" alt=""></div>
            <span>发现</span>
        </a>
        <a href="./me.html">
            <div class="img"><img src="./imgs/footer-4.png" alt=""></div>
            <span>空间</span>
        </a>
    </footer>



</body>

</html>